// // eslint-disable-next-line no-unused-vars
// import { getSensorLedger, getRtSensorEvaluate, getRtSensorAlarm, getRtSensorState } from '@/api/system/sensor2'
// import ECharts from 'vue-echarts/components/ECharts'
// import 'echarts/lib/chart/bar'
// import 'echarts/lib/chart/line'
// import 'echarts/lib/chart/pie'
// import 'echarts/lib/chart/map'
// import 'echarts/lib/chart/radar'
// import 'echarts/lib/chart/scatter'
// import 'echarts/lib/chart/effectScatter'
// import 'echarts/lib/component/tooltip'
// import 'echarts/lib/component/polar'
// import 'echarts/lib/component/geo'
// import 'echarts/lib/component/legend'
// import 'echarts/lib/component/title'
// import 'echarts/lib/component/visualMap'
// import 'echarts/lib/component/dataset'
// import 'echarts/map/js/world'
// import 'zrender/lib/svg/svg'
// // import elementResizeDetectorMaker from "element-resize-detector"
// import { THEME_KEY } from 'vue-echarts'
//
// export default {
//   name: 'HelloWorld',
//   components: {
//     chart: ECharts
//   },
//   props: [],
//   provide: {
//     [THEME_KEY]: 'shine'
//   },
//   data() {
//     return {
//       devStatusData: [{
//         data: '2016-05-02',
//         name: '上海市普陀区金沙江路 1517 弄',
//         state: '正常'
//       }, {
//         data: '2016-05-04',
//         name: '王小虎',
//         state: '告警'
//       }, {
//         data: '2016-05-01',
//         name: '上海市普陀区金沙江路 1517 弄',
//         state: '告警'
//       }, {
//         data: '2016-05-03',
//         name: '上海市普陀区金沙江路 1517 弄',
//         state: '故障'
//       }, {
//         data: '2016-05-03',
//         name: '王小虎',
//         state: '故障'
//       }, {
//         data: '2016-05-03',
//         name: '王小虎',
//         state: '故障'
//       }],
//       intelliWarningData: [{
//         timestamp: '2016-05-02',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1518 弄'
//       }, {
//         timestamp: '2016-05-04',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1517 弄'
//       }, {
//         timestamp: '2016-05-01',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1519 弄'
//       }, {
//         timestamp: '2016-05-03',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1516 弄'
//       }, {
//         timestamp: '2016-05-03',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1516 弄'
//       }, {
//         timestamp: '2016-05-03',
//         warning: '王小虎',
//         status: '上海市普陀区金沙江路 1516 弄'
//       }],
//       standingBookData: [
//         {
//           name: '设备型号：',
//           value: 'OCT800-ii'
//         }, {
//           name: '一次设备出场编号：',
//           value: '2018001455'
//         }, {
//           name: '二次设备出场编号：',
//           value: '2018001455'
//         }, {
//           name: '生产厂家：',
//           value: '许继集团有限公司'
//         }],
//       form: [
//         {
//           'timestamp': '16:40:12',
//           'message': '调制器、刹车正常',
//           'state': '正常'
//         },
//         {
//           'timestamp': '10:30:00',
//           'message': '半导体制冷温度过高',
//           'state': '告警'
//         },
//         {
//           'timestamp': '21:05:50',
//           'message': '输入电压过高,调制器、刹车正常',
//           'state': '故障'
//         },
//         {
//           'timestamp': '16:40:12',
//           'message': '调制器、刹车正常',
//           'state': '正常'
//         },
//         {
//           'timestamp': '10:30:00',
//           'message': '半导体制冷温度过高',
//           'state': '告警'
//         },
//         {
//           'timestamp': '21:05:50',
//           'message': '输入电压过高,调制器、刹车正常',
//           'state': '故障'
//         }
//       ],
//       pieData: {
//         title: {
//           text: 'Traffic Sources',
//           left: 'center'
//         },
//         tooltip: {
//           trigger: 'item',
//           formatter: '{a} <br/>{b} : {c} ({d}%)'
//         },
//         // legend: {
//         //   orient: "vertical",
//         //   left: "left",
//         //   data: [
//         //     "Direct",
//         //     "Email",
//         //     "Ad Networks",
//         //     "Video Ads",
//         //     "Search Engines"
//         //   ]
//         // },
//         series: [
//           {
//             name: 'Traffic Sources',
//             type: 'pie',
//             radius: ['55%', '65%'],
//             center: ['50%', '60%'],
//             data: [
//               { value: 35, name: 'Direct' },
//               { value: 310, name: 'Email' },
//               { value: 234, name: 'Ad Networks' },
//               { value: 135, name: 'Video Ads' },
//               { value: 1548, name: 'Search Engines' }
//             ],
//             emphasis: {
//               itemStyle: {
//                 shadowBlur: 10,
//                 shadowOffsetX: 0,
//                 shadowColor: 'rgba(0, 0, 0, 0.5)'
//               }
//             }
//           }
//         ]
//       },
//       option_column2: {
//         title: { text: 'Column Chart' },
//         tooltip: {},
//         xAxis: {
//           data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
//         },
//         yAxis: {},
//         series: [
//           {
//             name: '销量',
//             type: 'bar',
//             data: [5, 20, 36, 10, 10, 20]
//           }
//         ]
//       },
//       overall_merit: require('@/assets/img/圆1.png'),
//       backgroudImg: require('@/assets/img/圆1.png'),
//       backgroudImg2: '',
//       Dstatus: [require('@/assets/img/圆1.png'), require('@/assets/img/圆2.png'), require('@/assets/img/圆3.png')],
//       id: '',
//       Param: ''
//
//     }
//   },
//   computed: {},
//   watch: {
//     '$route.params': {
//
//       handler(new_value, old_value) {
//         this.id = this.$route.params.id
//         console.log(this.$route.params.id)
//         // this.dev_id = new_value.key('id')
//         console.log(this.params)
//         this.Param = this.id
//         // 台账
//         getSensorLedger(this.id).then(response => {
//           console.log(response)
//         })
//         // 智能告警
//         getRtSensorAlarm(this.id).then(response => {
//           this.form = response
//           console.log(response)
//         })
//         // 综合评价
//         getRtSensorEvaluate(this.id).then(response => {
//           console.log(response[0].state)
//           this.overall_merit = this.Dstatus[response[0].state]
//         })
//         // 设备状态
//         getRtSensorState(this.id).then(response => {
//           console.log(response)
//           this.devStatusData = response
//         })
//       }
//     }
//
//   },
//   created() {
//     this.id = this.$route.params.id
//     console.log(this.$route.params.id)
//     // this.dev_id = new_value.key('id')
//     console.log(this.params)
//     this.Param = this.id
//     // 台账
//     getSensorLedger(this.id).then(response => {
//       console.log(response)
//     })
//     // 智能告警
//     getRtSensorAlarm(this.id).then(response => {
//       this.form = response
//       console.log(response)
//     })
//     // 综合评价
//     getRtSensorEvaluate(this.id).then(response => {
//       console.log(response[0].state)
//       this.overall_merit = this.Dstatus[response[0].state]
//     })
//     // 设备状态
//     getRtSensorState(this.id).then(response => {
//       console.log(response)
//       this.devStatusData = response
//     })
//   },
//   mounted: function() {
//     window.addEventListener('resize', this.$_elTableMinxin_resetLayout)
//   },
//   destroyed: function() {
//     window.removeEventListener('resize', this.$_elTableMinxin_resetLayout)
//   },
//
//   methods: {
//     // 状态字体改变颜色
//     changeColor(value) {
//       if (value === '正常') {
//         return 'color:RGB(32,255,2)'
//       }
//       if (value === '故障') {
//         return 'color:RGB(255,20,2)'
//       }
//       if (value === '告警') {
//         return 'color:RGB(255,181,2)'
//       }
//     },
//     t_tableRowClassName({ row, rowIndex }) {
//       if ((rowIndex + 1) % 2 === 0) {
//         return 'warning-row'
//       } else {
//         return 'transparent-row'
//       }
//     },
//     headerClass() {
//       const styleObject = {
//         'text-align': 'center',
//         'font-weight': 'bolder',
//         'background-color': 'rgb(7,45,69)',
//         'border-bottom': '0px rgb(103, 194, 58) solid'
//       }
//       return styleObject
//     },
//     $_elTableMinxin_resetLayout() {
//       this.$nextTick(() => {
//         if (this.$refs.table) {
//           this.$refs.table.doLayout()
//         }
//       })
//     }
//
//   }
// }
